.PxToRem(@name, @px){
    @{name}: @px / 75 * 1rem;
}
.Flex{
    display:flex;
}
.line-height(@arg){.px2rem(line-height, @arg);}
.font-size(@arg){.px2rem(font-size, @arg);}
.font(@fz,@color){
    .px2rem(font-size,@fz);
    color: @color;
}
.border-bottom(@px,@xian,@color){
    .px2rem(border-bottom-width,@px);
    border-bottom-style: @xian;
    border-bottom-color: @color;
}
.border-top(@px,@xian,@color){
    .px2rem(border-top-width,@px);
    border-top-style: @xian;
    border-top-color: @color;
}
.border(@px,@xian,@color){.px2rem(border-width,@px);border-style: @xian; border-color: @color;}
.padding-top(@top){.px2rem(padding-top, @top);}
.padding-right(@right){.px2rem(padding-right, @right);}
.padding-bottom(@bottom){.px2rem(padding-bottom, @bottom);}
.padding-left(@left){.px2rem(padding-left, @left);}
.padding(@top,@right,@bottom,@left){
   .px2rem(padding-top,@top);
   .px2rem(padding-right,@right);
   .px2rem(padding-bottom,@bottom);
   .px2rem(padding-left,@left);
}
.margin-top(@top){.px2rem(margin-top, @top);}
.margin-right(@right){.px2rem(margin-right, @right);}
.margin-bottom(@bottom){.px2rem(margin-bottom, @bottom);}
.margin-left(@left){.px2rem(margin-left, @left);}
.margin(@top,@right,@bottom,@left){
   .px2rem(margin-top,@top);
   .px2rem(margin-right,@right);
   .px2rem(margin-bottom,@bottom);
   .px2rem(margin-left,@left);
}
html,body{
  height:100%;
  background:#f0f2f5;
}
header{
   background: url(../imgs/Reg_serve_bg01.jpg);
    .PxToRem(height,88);
    .PxToRem(font-size,40);
    .Flex;
    padding-left:2%;
    align-items:center;
      p{
        margin-left: 5%;
      }
      img{
        .PxToRem(width,55);
        .PxToRem(height,53);
      }
}

section{
    .sess{
         .PxToRem(margin-top,30);
    }
  .protocol_details{
      .PxToRem(margin-top,30);
  }
  .quit{
    justify-content:center;
    .PxToRem(font-size,40);
    .PxToRem(margin-top,100);
  }
  dl{
    .Flex;
    .PxToRem(height,130);
    padding:0 3%;
    background:#ffffff;
    border-bottom:1px solid #ccc;
    .PxToRem(font-size,35);
    color:#222222;
    justify-content:space-between;
    align-items:center;
    dd{
        
    }
    .down{
      .layui-form-switch{
          .PxToRem(border-radius,50);
          .PxToRem(width,140);
          .PxToRem(height,60);
          }
          .layui-form-onswitch{
          .PxToRem(border-radius,50);
          .PxToRem(width,140);
          .PxToRem(height,60);
          }
          .layui-form-switch i{
               .PxToRem(width,60);
               .PxToRem(height,60);
                .PxToRem(border-radius,60);
                top: 0;
                left: 0;
          }
          .layui-form-switch em{
              .PxToRem(font-size,35);
              .PxToRem(top,20);
              .PxToRem(right,20);
          } 
      }
        // div{
        //     .PxToRem(width,140);
        //     .PxToRem(height,60);
        //     .PxToRem(border-radius,50);
        //     background:#1cc6a3;
        //     p{
        //       .PxToRem(width,60);
        //       .PxToRem(height,60);
        //       .PxToRem(border-radius,60);
        //       background: #ffffff;
        //     }
        // }
    }
  
}











